<template>
  <view>
    <view>=============下面是多色的图标==============</view>
    <view class="color-icon color-icon-beianguanli"></view>
    <view class="color-kendeji color-kendeji-kendeji"></view>
    <view>=============下面是纯色的图标==============</view>
    <view class="iconfont icon-done"></view>
    <view class="iconfont icon-truck"></view>
    <view>-------下面是 uni-ui 中的图标----</view>
    <uni-icons type="contact" size="100"></uni-icons>
    <uni-icons type="sound" size="100" color="skyblue"></uni-icons>
    <view>-------uni-ui 自定义图标----</view>
    <!-- 引入了 iconfont 可以结合 uni-icons继续使用 效果类似 -->
    <uni-icons custom-prefix="iconfont" type="icon-done" size="100" color="skyblue"></uni-icons>
  </view>
</template>
<style scoped>
//字体图标改变图标的颜色
.iconfont {
  font-size: 100px;
  color: orange;
}
</style>
